
<template>
  <div>
    <div class="footer">
      <!-- 版心 -->
      <div class="area">
        <div class="introduce">
          <ul>
            <li><h4>介绍</h4></li>
            <li>共同打造上亿"旅行神器"</li>
            <li><span>6000</span> 个旅行地</li>
            <li><span>6000</span> 多种新的玩法</li>
            <li><span>6000</span> 次攻略下载</li>
          </ul>
        </div>
        <div class="above">
          <ul>
            <li><h4>关于我们</h4></li>
            <li>隐私政策 商标声明</li>
            <li>服务协议 游记协议</li>
            <li>网络平台服务</li>
            <li>入站人员须知</li>
          </ul>
        </div>
        <div class="travel">
          <ul>
            <li><h4>旅行服务</h4></li>
            <li>旅行攻略 酒店订阅</li>
            <li>旅行特价 火车订阅</li>
            <li>旅行指南 飞机订阅</li>
            <li>旅行咨询 卫星订阅</li>
          </ul>
        </div>
        <div class="QRcode">
          <img src="../assets/code.png" alt="" width="100px" />
          <br />
          关注我们
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>



<style lang='less' scoped>
span {
  color: coral;
}
li {
  list-style: none;
}
.footer {
  height: 180px;
  background-color: #333335;
  position: absolute;
  bottom: 0px;
  width: 100%;
  margin-left: -8px;
}
.area {
  color: aliceblue;
  display: flex;
  margin: 0 auto;
  width: 1000px;
  /* background-color: rgb(59, 151, 204); */
  height: 100%;
  justify-content: space-around;
}

.QRcode {
  margin-top: 50px;
}
</style>